<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@page contentType="text/html"  language="java" %>
<%@page import="java.util.List" %>
<%

%>

<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>Welcome to Patnership Registration System</title>
        <link rel="SHORTCUT ICON" href="images/favicon.ico" />
        <link rel="stylesheet" href="style.css" type="text/css" />
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

        <!--The script for the menu-->

        <!-- The includes for the tabs -->
        <!-- Javascript Zapatec utilities file -->
        <script type="text/javascript" src="zapatec/utils/zapatec.js"></script>
        <!-- Javascript file to support tabs -->
        <script type="text/javascript" src="zapatec/zptabs/src/zptabs.js"> </script>

        <!-- optional Javascript file to support wizard -->
        <script type="text/javascript" src="zapatec/zptabs/src/zptabs-wizard.js"></script>

        <!-- optional Javascript file to support accordion tabs -->
        <script type="text/javascript" src="zapatec/zptabs/src/zptabs-accordion.js"></script>
        <link rel="stylesheet" href="menu/css/default.css" type="text/css" />
        <!-- My action handling script -->
        <script type="text/javascript" src="main.js"></script>
        <!-- dd menu -->

        <script type="text/javascript">

            var timeout         = 500;
            var closetimer		= 0;
            var ddmenuitem      = 0;

            // open hidden layer
            function mopen(id)
            {
                // cancel close timer
                mcancelclosetime();

                // close old layer
                if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';

                // get new layer and show it
                ddmenuitem = document.getElementById(id);
                ddmenuitem.style.visibility = 'visible';

            }
            // close showed layer
            function mclose()
            {
                if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
            }

            // go close timer
            function mclosetime()
            {
                closetimer = window.setTimeout(mclose, timeout);
            }

            // cancel close timer
            function mcancelclosetime()
            {
                if(closetimer)
                {
                    window.clearTimeout(closetimer);
                    closetimer = null;
                }
            }

            // close layer when click-out
            document.onclick = mclose;
            // -->
        </script>

    </head>
    <body>

        <noscript><h1 style="color:#FF0000;">You do not have javascript enabled on your browser. Most functionalities of this application are unavailable without javascript. Please enable Javascript first on your browser</h1></noscript>

        <div class="grand">
            <div class="outer">
                <div class="outertop"></div>
                <div class="wrapper">
                    <div class="banner"></div>

                    <!-- Beginning of the drop down menus-->
                    <div class="topmenu">
                        <div style="border: 1px solid #000000; height:25px; ">
                            <ul id="sddm">
                                <li><a href="#" onmouseover="mopen('m1')" onmouseout="mclosetime()">System</a>
                                    <div id="m1" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
                                        <a href="newUser.jsp">New User</a>
                                        <a href="listUsers.jsp">List users</a>
                                    </div>
                                </li>
                                <li><a href="#" onmouseover="mopen('m2')" onmouseout="mclosetime()">Children</a>
                                    <div id="m2" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
                                        <a href="newChild.jsp">New Child</a>
                                        <a href="listChildren.jsp">List Children</a>
                                    </div>
                                </li>
                                <li><a href="#" onmouseover="mopen('m3')" onmouseout="mclosetime()">Siblings</a>
                                    <div id="m3" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">

                                    </div>
                                </li>
                                <li><a href="#" onmouseover="mopen('m4')" onmouseout="mclosetime()">Health</a>
                                    <div id="m4" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
                                        <a href="javascript:addHealth();">Add Health Details</a>
                                    </div>
                                </li>
                                <li><a href="#" onmouseover="mopen('m5')" onmouseout="mclosetime()">Nutrition</a>
                                    <div id="m5" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">

                                    </div>
                                </li>
                                <li><a href="#" onmouseover="mopen('m6')" onmouseout="mclosetime()">Accommondation</a>
                                    <div id="m6" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">

                                    </div>
                                </li>
                                <li><a href="#" onmouseover="mopen('m7')" onmouseout="mclosetime()">Education</a>
                                    <div id="m7" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
                                        <a href="javascript:addEducation();">Add Education Details</a>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <!-- Menu End and Content Start-->
                    <div class="leftmenu">
                        <!-- Navigation Start-->
                        <div class="navigation">
                            <div class="navhead">Welcome </div>
                            <form action="loginlogout" method="post" class="link">
                                <input type="hidden" value="logout" name="action" />
                                <input type="submit" value="Log Out"/>
                            </form>

                        </div>
                    </div>


                    <!-- Left content ends and right content starts-->
                    <div class="right">
                        <div class="bodycont">


                            <form class='foorm' name='adminEditChildForm' id='adminEditChildForm' method='post' action='admineditchild'>
                                
                                The fields marked with <font color='#ff0000'>*</font> are mandatory<br />
                                <table cols='2' border='0' cellpadding='0' style='width: 100%;'>
                                    <tr><td width='50%'><label><font color=#ff0000>*</font>Child Code</label></td>
                                        <td width='50%'><input type='text' size='30' name='childcode' value='' id='childcode'/></td></tr>
                                    <tr><td width='50%'><label><font color=#ff0000>*</font>First Name</label></td>
                                        <td width='50%'><input type='text' size='30' name='firstname' value='' id='firstname'/></td></tr>
                                    <tr><td width='50%'><label>Last Name</label></td>
                                        <td width='50%'><input type='text' size='30' name='lastname' value='' id='lastname'/></td></tr>
                                    <tr><td width='50%'><label><font color=#ff0000>*</font>Middle Name</label></td>
                                        <td width='50%'><input type='text' size='30' name='middlename' value='' id='middlename'/></td></tr>
                                    <tr><td width='50%'><label><font color=#ff0000>*</font>Year of Birth</label></td>
                                        <td width='50%'><input type='text' size='30' name='yob' id='yob' value=''/></td></tr>
                                    <tr><td width='50%'><label><font color=#ff0000>*</font>Gender</label></td>
                                        <td width='50%'><select name='gender' id='gender'>
                                                <option value=''/>Select
                                                <option value='Male'/>Male
                                                <option value='Female'/>Female
                                            </select></td></tr>
                                    <tr><td width='50%'><label>Stage of Study</label></td>
                                        <td width='50%'><select name='stage' id='stage'><option value="0"/>Select stage
                                               
                                            </select></td></tr>
                                    <tr><td width='50%'><label>Health Status</label></td>
                                        <td width='50%'><input type='text' size='30' name='healthstatus' id='healthstatus' value=''/></td></tr>
                                    <tr><td width='50%'><label>Parent/Guardian</label></td>
                                        <td width='50%'><input type='text' size='30' name='parentname' id='parentname' value=''/></td></tr>
                                    <tr><td width='50%'><label>Relationship</label></td>
                                        <td width='50%'><select name='relationship' id='relationship'><option value="0"/>Select Relationship
                                               
                                            </select></td></tr>
                                    <tr><td width='50%'><label>Residence</label></td>
                                        <td width='50%'><input type='text' size='30' name='residence' id='residence' value=''/></td></tr>
                                    <tr><td width='50%'><label>Address</label></td><td width='50%'>
                                            <input type='text' size='30' name='address' id='address' value=''/></td></tr>
                                    <tr><td width='50%'><label>District</label></td><td width='50%'>
                                            <input type='text' size='30' name='district' id='district' value=''/></td></tr>
                                    <tr><td width='50%'><label>Next of Kin's Name</label></td>
                                        <td width='50%'><input type='text' size='30' name='nextofkinname' id='nextofkinname' value=''/></td></tr>
                                    <tr><td width='50%'><label>Next of Kin's Phonenumber</label></td><td width='50%'>
                                            <input type='text' size='30' name='phonenumber' id='phonenumber' value=''/></td></tr>
                                    <tr><td width='50%'><label>Social Worker's Comments</label></td><td width='50%'>
                                            <input type='text' size='30' name='workercomments' id='workercomments' value=''/></td></tr>
                                    <tr><td colspan='2' width='100%'>
                                            <input type='submit'  value='Edit Child'/></td></tr>
                                </table>
                                <input type="hidden" name="id" value=""/>
                            </form>

                            <a href="listChildren.jsp">Back to Children List</a>
                        </div>
                    </div>
                    <!-- Right content Ends here-->
                </div>

                <!-- footer Ends here-->
                <div class="outerbot"></div>
            </div><!--outer ends here-->

        </div>
        <!-- Container Ends here-->
    </body>
</html>
